/* 公共样式 */

* {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

html {
    font-size: 26.66666666666667vw;
    width: 100vw;
}


/* 菜单栏 */

#menu {
    margin-top: .2rem;
    margin-bottom: .2rem;
    background-color: white;
    ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        li {
            margin: .3rem .4rem;
        }
        .more_ {
            display: flex;
            height: 3.2rem;
            width: 100%;
            justify-content: space-around;
        }
        #more,
        li a {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            color: #000;
            span {
                margin-top: .1rem;
            }
            #more img,
            img {
                width: 1.4rem;
                height: 1.4rem;
            }
        }
    }
}


/* 商品展示 */

#show {
    width: 100%;
    background-color: white;
    .show {
        overflow: hidden;
        li {
            margin: .2rem 0;
            height: 2.5rem;
            margin-bottom: .5rem;
            a {
                width: 100%;
                display: flex;
                .left {
                    margin-left: .2rem;
                    img {
                        width: 2.5rem;
                        height: 2.5rem;
                    }
                }
                .right {
                    margin-left: .3rem;
                    margin-right: .3rem;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    .top {
                        color: #000;
                        display: flex;
                        flex-direction: column;
                        p {
                            font-size: .4rem;
                            span {
                                color: coral;
                            }
                        }
                    }
                    .bottom {
                        margin-bottom: .4rem;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        span {
                            color: gray;
                            font-size: .35rem;
                        }
                    }
                }
            }
        }
    }
}